<template>
<view class="fui-cell-group" :style="'background-color: ' + diyitem.style.background + ';margin-top:' + diyitem.style.margintop+'rpx'">
 <view @tap="navigate" class="fui-cell" :data-appid="childitem.appid" :data-appurl="childitem.appurl" :data-phone="childitem.phone" :data-url="childitem.linkurl" v-for="(childitem, index) in diyitem.data" :key="index" wx:for-index="childid">
     <view class="fui-cell-icon" :style="'color:' + diyitem.style.iconcolor" v-if="childitem.iconclass">
         <text class="icox" :class="childitem.iconclass"></text>
     </view>
     <view class="fui-cell-text" :style="'color:' + diyitem.style.textcolor">{{childitem.text}}</view>
     <view class="fui-cell-remark" :style="'color:' + diyitem.style.remarkcolor">{{childitem.remark}}</view>
 </view>
</view>
</template>
<script>
export default {
	props: {
		diyitem:{
		type: Object,
		}
	},
	methods:{
		navigate(e) {
			this.$emit('getMessage',e)
		},
	}
}
</script>
<style></style>